<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="keywords" content="e享时代,创新消费-科学分享!" />
<meta name="description" content="麦e享时代,创新消费-科学分享!" />
<meta name="applicable-device" content="pc,mobile">
<meta name="format-detection" content="telephone=no"/>
<meta name="location" content="province=广东;city=深圳;">
<link rel="icon" href="../image/favicon.ico">
<title>e享时代</title>
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.min.css">
<!-- Path to Framework7 iOS related color styles -->
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.colors.min.css">
<link rel="stylesheet" href="../style/home/style.css">
</head>

<body>
<div id="app" v-cloak>
<div class="headTitle TopTitle"><a class="return" href="javascript:history.back()"><img src="../image/return@2x.png"></a>我的推荐</div>
<!-- 没有数据 -->
<div class="error404 Vcenter">
 <dl><dt><img src="../image/NOdada@2x.png"></dt>
   <dd>还没有数据哦~</dd>
 </dl>
</div>
<div class="tableList recommendList">
<div class="TwoTitle">
  <div class="superior">上级会员ID：<span class="orange" v-text="parentUserCode"></span>
  <span class='total'>下级会员总数：<span class="orange" v-text="totalSize"></span></span>
  </div>
  <ul class="title">
      <li> <span class="SerialNumber">序号</span> <span class="MemberID">会员ID</span> <span class="phone">手机</span> <span class="name">姓名</span> <span class="time">日期</span></li>
  </ul>
</div>
    
    <!-- 刷新组件 -->
    <div style="height: 136px;" id="pullDownBackground"></div>
    <div id="pullDown1" class="loadingUP1" style="display: none;">下拉刷新 ↓</div>
    <div class="loader-inner ball-spin-fade-loader" id="pullDown2" style="display: none;">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
    </div>

    <ul class="list" v-scroll="loadMore" id="list"  style="clear: both;" v-scroll="loadMore" v-on:touchStart="Start" v-on:touchMove="Move" v-on:touchEnd="End">
        <template v-for="(item,index) in list">
        <li>
           <span class="SerialNumber">{{ index + 1 }}</span>
           <span class="MemberID">{{ item.userCode }}</span>
           <span class="phone">{{ item.phone }}</span>
           <span class="name">{{ item.realName}}</span>
           <span class="time">{{ item.createTime*1000 | moment}}</span>
        </li>
        </template>
    </ul>

</div>

  <div id="pullDown3" class="loader-inner ball-spin-fade-loader" style="display: none;">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
  </div>
</div>
<script src="../js/lib/jquery/dist/jquery.min.js"></script>
<script src="../js/lib/Framework7/dist/js/framework7.min.js"></script>
<script type="text/javascript" src="../js/dist/home/recommend/bundle.js"></script>
</body>
</html>
